
body { font: 62.5%/1.5 Arial, Helvetica, sans-serif; }
/* For modern browsers */
html > body { font-size: 10px; }
.nodisplay { display: none; }
/* Paragraph sizes */
p { font-size: 1.3em; line-height: 16px; }
p.smallest { font-size: 1.1em; }

h1, h2, h3 { color: #FFF; }
h3, h4, h5, h6 { color: #5cbfeb; }

/* Uses image replacement */
h1 { font-size: 1em; line-height: 0px; }

h2.white-60, h2.white-60-opaque, h2.blue-60 { font-family: Helvetica, sans-serif; font-weight: bold; font-size: 60px; line-height: 52px; color: #FFF; padding: 17px 0px 7px 0px; margin-bottom: 5px; /*TODO: ie.css*/ }
/*60px white text on an opaque black background*/
h2.white-60-opaque { padding: 15px 0px 5px 15px !important; background: url(../content/images/opacity70.png) top left repeat; }
h2.white-60-opaque.h2swf { padding: 0px !important; }
/* 60px blue text, players number */
h2.blue-60 { color: #5cbfeb; }

h2.white-40 { font-weight: bold; font-size: 40px; line-height: 36px; padding: 8px 0 14px 0; }
/* Fixtures - season*/
h3.white-40 { color: #FFF; font-weight: bold; font-size: 40px; line-height: 36px; padding: 1px 0px 6px 6px; }

h2.white-50-opaque, h2.white-50 { font-weight: bold; font-size: 50px; line-height: 42px; padding: 8px 0 14px 0; }

/*50px white text on an opaque black background*/
h2.white-50-opaque { padding: 15px 0px 5px 15px !important; background: url(../content/images/opacity70.png) top left repeat; }
h2.white-50-opaque.h2swf { padding: 0px !important; }

#speech { float: right; z-index: 1000000; margin-top: 38px; width: 16px; background: none; border: none; }


h3.white-24 { color: #FFF; font-size: 24px; line-height: 26px; font-weight: bold; padding-bottom: 6px; }
h3.white-24.h2swf { padding-bottom: 5px; }

/*Article quote 24px blue on dark blue*/
.article blockquote p.quote { color: #5cbfeb; font-size: 24px; line-height: 26px; font-weight: bold; padding: 5px 0 5px 0; }
.article blockquote p.h2swf { padding: 0; }

.fans h4 { color: #FFF; font-size: 18px; line-height: 20px; padding-bottom: 5px; }
h3.promo-title { color: #FFF; font-size: 24px; line-height: 22px; font-weight: bold; background: url(../content/images/opacity70.png) top left repeat; padding: 5px 0px 5px 10px; margin-bottom: 1px !important; }

.offer h3.white-36, .offer h3.blue-36 { color: #FFF; font-size: 36px; line-height: 34px; font-weight: bold; padding-left: 10px; }
.offer h3.blue-36 { color: #5cbfeb; }

h3 { font-size: 2.4em; font-weight: normal; line-height: 1.2em; }
h3.underline { border-bottom: 2px solid #5cbfeb; line-height: 1.4; margin-bottom: 15px; padding: 0 0 2px 0; }
h3.results-returned { padding-bottom: 4px; }
.tag h3 { font-size: 3.5em !important; line-height: 0; }

h3.heavy { font-weight: bold; }
h3.button-container .button-wrapper { font-size: 1em; }
h3.error { border-bottom-color: #ffbe00 !important; color: #ffbe00; }

/* h4 -18px bold, or regular*/
h4 { color: #3a7895; font-size: 1.8em; /* font-size: 18px;*/ font-weight: normal; letter-spacing: -0.5px; line-height: 1.11em; /*20px*/ /*margin-top: -2px;*/ }
h4.underline { border-bottom: 2px solid #5cbfeb; padding: 0 0 8px 0; }
h4.heavy { font-weight: bold; }

/* h5 - 13px bold, or regular */
h5 { font-size: 1.3em; font-weight: bold; line-height: 1.1em; }

h5 span { font-weight: normal; }
h5 a { color: #FFF; font-size: 1em; }

/* h6 - 11px regular*/
h6 { font-size: 1.1em; font-weight: normal; line-height: 1.4em; }


/* Lists */
ul li { font-size: 1.3em; }

ul li a { font-size: 1em; font-weight: normal; }

ul li p { font-size: 1em; }

ul li h4 { font-size: 1.38em; /*18px*/ }
ul li h5 { font-size: 1em; }

/* Sub items within lists */
ul li li { font-size: 1em; }

/* Navigation */
#nav ul li a { font-size: 1.076em; /* 14px */ font-weight: bold; }
#nav-secondary li a { font-weight: bold; }
#nav-secondary { padding: 0px; }
/* Forms */
form label { font-size: 1.3em; line-height: 1.4em; color: #000; }
ul li label { font-size: 1em; }

form select, form input { font-size: 1.3em; line-height: 1.4em; color: #000; }
/* 13px */

form label a { font-size: 1em; }
/* 13px */
form label span { font-size: 0.85em; }
/* 11px */

form em.required { font-size: 1.6em; line-height: 0; }

.feedback { font-weight: bold; color: #b07b05; }
form .feedback { font-size: 1.1em; line-height: 1.1em; }
.formArea { clear: both; }
.formArea p { color: #fff; }

.scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfRadioButtonList, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder { margin: 0 0 5px !important; zoom: 1; }
.scfSectionContent:after, .scfDropListBorder:after, .scfEmailBorder:after, .scfMultipleLineTextBorder:after, .scfSingleLineTextBorder:after, .scfPasswordBorder:after, .scfNumberBorder:after, .scfDateBorder:after, .scfRadioButtonListBorder:after, .scfRadioButtonList:after, .scfListBoxBorder:after, .scfCheckBoxListBorder:after, .scfFileUploadBorder:after, .scfDateSelectorBorder:after, .scfCreditCardBorder:after, .scfConfirmPasswordBorder:after, .scfCaptchaBorder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* reset fonts to mcfc */
.scfForm, .scfForm p, .scfForm .scfTitleBorder, .scfForm label, .scfForm legend { color: #fff; font-family: Arial,Helvetica, "Nimbus Sans L" , "Free Sans" ,Sans-Serif !important; }
.scfForm p { color: #fff; line-height: 16px; margin-bottom: 20px; }

.scfForm .scfValidatorRequired, .scfForm .scfRequired { color: #ff0000; float: left; font-size: 1.8em; font-weight: bold; padding: 0 0 0 3px; }

/* form layout */
.scfForm label { margin-right: 2%; width: 40%; }
/* form element panels */
.scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel, .scfListBoxGeneralPanel, .scfDropListGeneralPanel { width: 55% !important; }
.scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel, .scfListBoxGeneralPanel, .scfDropListGeneralPanel { width: 50% !important; float: left; }
/* form lists */
.scfRadioButtonList, .scfCheckBoxList { float: left; }
.scfRadioButtonList li, .scfCheckBoxList li { padding: 0 5px 10px 9px; }
.scfCheckBoxList input, .scfRadioButtonList input { margin-right: 5px; }
.scfCheckBoxList label, .scfRadioButtonList label { color: #ffffff; }

.scfRadioButtonList li { display: inline; float: left; white-space: nowrap; }
.halfAvailableWidth .scfRadioButtonList li { display: block; float: none; white-space: normal; }
.scfRadioButtonList li * { white-space: nowrap; }
.halfAvailableWidth .scfRadioButtonList li * { white-space: normal; }
.scfRadioButtonList li input { vertical-align: -1px; }
.scfRadioButtonList li label { margin: 0; }

.surveyTextBoxes { height: 50px; }

.surveyFields { position: relative; }

.surveyFields div.scfSectionContent { margin-top: 40px; position: relative; }

.surveyFields li { width: 60px; position: relative !important; white-space: normal; }



.surveyFields li input { width: 60px; text-align: center; }

.surveyFields div.ignoreHide label { display: table; text-align: center; top: -40px; left: 0px !important; position: absolute; width: 60px; display: inline-block; white-space: normal; font-size: 85%; }

* html .surveyFields li, * html .surveyFields li input, * html .surveyFields div.ignoreHide label { width: 55px; /* for IE6 in standards mode */ }

.surveyFields li label { display: none; }

/* header labels */
.scfForm .scfDropListLabel, .scfForm .scfEmailLabel, .scfForm .scfMultipleLineTextLabel, .scfForm .scfSingleLineTextLabel, .scfForm .scfPasswordLabel, .scdForm .scfNumberLabel, .scfForm .scfDateLabel, .scfForm .scfRadioButtonListLabel, .scfForm .scfCheckBoxListLabel, .scfForm .scfListBoxLabel, .scfForm .scfFileUploadLabel, .scfForm .scfDateSelectorLabel, .scfForm .scfCreditCardLabel, .scfForm .scfConfirmPasswordLabel, .scfForm .scfCaptchaLabel, .scfForm .scfTelephoneLabel, .scfForm .scfSmsTelephoneLabel { font-size: 1.3em; line-height: 1.4em; margin-right: 2%; width: 43%; float: left; }
/* elements */
.scfListBox option { padding: 3px 5px; }

.halfAvailableWidth { zoom: 1; }

span.scfRadioButtonListUsefulInfo { color: #ffa800; padding: 5px 0 5px; }
.scfSectionBorderAsFieldSet { border-top: none !important; margin: 0 !important; }
.scfSectionBorderAsFieldSet legend { font-size: 2.3em; font-style: italic; font-weight: bold; margin-left: 0 !important; padding-left: 0 !important; text-align: left; display: none; }
.scfSectionContent { padding: 5px 0 20px; zoom: 1; }

.scfSectionContent div:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0; }
.scfValidatorRequired { background: url(../content/images/sprites.html) no-repeat -100px -50px; display: block; height: 23px; text-indent: -99999px; width: 23px; }
.scfMultipleLineTextUsefulInfo { color: #b2bb1e !important; }
.scfCheckBoxList li { list-style: none !important; margin-left: 0 !important; width: 100%; }
.scfListBox, .scfDropList { margin-left: 0 !important; width: 100%; }
.scfValidationSummary ul { padding-bottom: 20px; }
.scfValidationSummary ul li { padding-bottom: 10px; }

.scfSubmitButtonBorder { clear: both; }


/* Tables */
table th, table td, table td a { font-size: 1em; }
/* 13px */

/* => Links
-----------------------------------------------------------------------------*/
a { font-size: 1.3em; color: #5cbfeb; text-decoration: none; outline: none; }

a:hover { color: #FFF; }

p a { font-size: 1em; font-weight: normal; }

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active { color: #FFF !important; }

#nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active { color: #FFF; }

/* Button links */
h3.button-container a.btn { /* 24/13 = .514*/ font-size: 0.514em; line-height: 1em; }


.landing ul li a { color: #5cbfeb; }
.landing ul li a:hover { color: #FFF; }

.content-main-links a, .content-main-links ul li { font-size: 1.8em; /* 18px */ line-height: 1.4em; }
.content-main-links ul li a { font-size: 1em; }
/* 18px */

/* Arrow links */
a.arrow { font-size: 1.1em; }

/* Arrow links */
a.back, a.next, a.arrow, a.down { background: url(../content/images/arrow-left.gif) 0px 4px no-repeat; padding: 0 0 0 13px; color: #5cbfeb; display: inline-block; }

a.arrow, a.next { background-image: url(../content/images/arrow-right.gif); }
a.down { background-image: url(../content/images/arrow-down.gif); }

a.back:hover, a.next:hover, a.arrow:hover { color: #FFF; background-position: 0px -37px; }

/* 11px link - arrow background position */
.content-row-title a.next { background-position: 0px 3px; }
.content-row-title a.next:hover { background-position: 0px -38px; }

/* 18px links - arrow background position */
.content-main-links a.next, .content-main-links a.back { background-position: 0px 7px; }
.content-main-links a.down { background-position: 0px 9px; }

.content-main-links a.next:hover, .content-main-links a.back:hover { background-position: 0px -34px; }
.content-main-links a.down:hover { background-position: 0px -34px; }

/* Pagination - 18px links, right arrow */
.pagination a.next { background-position: 100% 7px; padding: 0 15px 0 0; }
.pagination a.next:hover { background-position: 100% -34px; }

.pagination li { color: #5cbfeb; }
.pagination li.active { color: #FFF; }
.pagination li a { color: #5cbfeb !important; font-size: 1em !important; }
.pagination li a:hover, .pagination li.active a { color: #FFF !important; }

/* Up/down arrows */
a.close, a.open { background: url(../content/images/arrow-up.gif) 100% 6px no-repeat; padding: 0 15px 0 0; color: #5cbfeb; display: inline-block; }
a.open { background: url(../content/images/arrow-down.gif) 100% 7px no-repeat; }

a.open:hover, a.close:hover { color: #FFF; background-position: 100% -36px; }
a.close:hover { color: #FFF; background-position: 100% -37px; }



/* => Text styles 
-----------------------------------------------------------------------------*/
body p { color: #333; }
body td p { color: #333; }
p.note { color: #5cbfeb; font-size: 11px; }

.underline { border-bottom: 2px solid #5cbfeb; }


html { background: #223344 url('../content/images/SiteBackground.jpg') center top no-repeat; background-attachment: fixed; }
body { color: #FFF; }
body.basic { background: #223344; }

#container { margin: 0px auto; width: 960px; position: relative; }
.basic #container { margin: 10px; width: auto; position: relative; }
#content { float: left; overflow: hidden; width: 960px; padding-bottom: 45px; }
/* Content-full 960px */
#content-full { background: #101a24 url(../content/images/content-full-bottom-corners.gif) bottom left no-repeat; float: left; width: 960px; }

/* Two column content - with left hand nav */
#nav-secondary { float: left; width: 159px; }

#content-wrapper { float: right; width: 885px; }
#content-wrapper-chat { float: right; width: 800px; }

#content-main, #content-main-promo, #content-supp, #content-poll { float: left; width: 800px; }

#content-poll label, #content-poll p { color: #ffffff; font-size: 1.2em; }

#content-poll input { margin-top: -5px; }

#content-poll input.button, #content-poll .scOMSPollOptionItem { margin-top: 5px; }

#content-poll div.scOMSPollOptionItem { font-size: 1em; }
.newscontent p { color: #fff; }
#module_poll { margin: 15px; }

/* Two column content - with secondary content */
#content-secondary { float: right; width: 159px; }

/* Additional containers within #content-wrapper */
#content-main, #content-main-promo, #content-supp, #content-poll { clear: both; background: #101a24 url(../content/images/content-main-bottom-corners.gif) bottom left no-repeat; }

.scOMSPollOptionItemResult { font-size: 1.2em !important; }
.glow { text-shadow: 0 0 0.2em #F84, 0 0 0.2em #F87; color: Green; }
#content-poll { margin-top: 1px; width: 159px; }

#content-supp, #content-wrapper .content-poll { margin-top: 15px; width: 100%; }

/* Add spacing above #content-main on video pages */

/* Remove spacing under promos */
#content-main-promo { margin-bottom: 0; }

/* Identical duplicate content blocks */
.content-area { margin-top: 15px; float: left; width: 800px; clear: both; background: #101a24 url(../content/images/content-main-bottom-corners.gif) bottom left no-repeat; }
.content-area .content-area-gutter { width: 770px; display: inline; /* for IE */ float: left; margin: 15px 0px 0px 15px; padding-bottom: 0px; }

/* Exceptions - where #content-main-feature has the bottom margin */
#fixtures #content-main-feature { margin-bottom: 15px; }

/* 15px top margin on #content-main for landing pages */
.category #content-main, .landing #content-main { margin-top: 15px; }

/* => Main content - always has a 15px gutter
-----------------------------------------------------------------------------*/
.content-full-gutter, .content-main-gutter { display: inline; /* for IE */ float: left; margin: 15px 0px 0px 15px; padding-bottom: 25px; }

.content-full-gutter { width: 930px; }
.content-main-gutter { width: 770px; }

#content-main-promo .content-main-gutter { padding-bottom: 15px; }

.no-bottom-padding { padding-bottom: 0px; }
/* Split gutter 2/3, 1/3 */
.content-main-list-wrapper, .content-main-article, .page .article { width: 100%; float: left; }
.article p { color: #fff; line-height: 16px; margin-bottom: 20px; }

.content-main-sidebar, .page .aside { width: 250px; float: right; }
.content-main-sidebar .promo, .aside .promo { margin: 0 0 15px 0; }

/* Pagination/Link wrapper */
.content-main-links { overflow: hidden; float: left; padding: 4px 0 3px 0; margin-bottom: -10px; width: 100%; position: relative; }
* + html .content-main-links { margin-bottom: 0; }

#content-secondary { /* top right hand rounded corner */ background: #101a24 url(../content/images/content-secondary-top-right.png) 0 0 no-repeat; margin-left: 1px; padding-bottom: 5px; float: right; }

#content-wrapper.no-feature { border-top: 4px solid #5cbfeb; }
#content-main-feature { float: left; width: 100%; border-bottom: 4px solid #5cbfeb; overflow: hidden; position: relative; }
#content-full-feature { border-bottom: 0px; width: 810px; float: left; margin-bottom: 15px; }
#content-main-feature img { float: left; }
.carousel-viewLink { background: url(../content/images/trans.gif); display: block; position: absolute; top: 0; left: 0; width: 800px; height: 450px; z-index: 100; text-align: left; text-indent: -9999px; }
#content-main-feature .cmf-inner { position: absolute; top: 38px; left: 0px; width: 375px; }
#content-main-feature .cmf-inner h2 { float: none; margin: 0; padding: 0; }
#content-main-feature .cmf-copy { float: none; width: 235px; background: url(../content/images/opacity70.png) top left repeat; /* see ie.css */ padding: 2px 15px 15px 15px; overflow: hidden; }
#content-main-feature .cmf-copy p { color: #FFF; line-height: 16px; margin-top: 5px; margin-bottom: -3px; }
#content-main-feature .cmf-copy p.description { line-height: 18px; font-size: 18px; padding-bottom: 10px; }
#content-main-feature .cmf-copy p.highlight { color: #ffa800; margin-top: 0; padding: 5px 0 0 0; }
#content-main-feature .cmf-copy p.date { color: #5cbfeb; margin-top: 0; padding: 0 0 0px 0; }
#content-main-feature .cmf-copy p.category { color: #5cbfeb; margin-top: 5px; padding: 0; margin-bottom: 0; }
#content-main-feature .cmf-copy p.rss-icon { margin-top: 10px; }
#content-main-feature .cmf-copy p.rss-icon a { position: relative; left: 10px; top: 5px; }

#content-main-feature .cmf-copy a.btn { margin-top: 15px; margin-bottom: 0px; }

#content-main-feature .cmf-copy a.cta { display: block; margin-top: 15px; height: 26px; overflow: hidden; text-indent: -90000px; }
#content-main-feature .cmf-copy a#play-video { background: url(../content/images/cta-play-video.png) 0 0 no-repeat; }
#content-main-feature .cmf-copy a#play-playlist { background: url(../content/images/cta-play-playlist.png) 0 0 no-repeat; }
#content-main-feature .cmf-copy a#see-gallery { background: url(../content/images/cta-see-gallery.png) 0 0 no-repeat; }
#content-main-feature:hover .cmf-copy a#play-playlist, #content-main-feature:hover .cmf-copy a#play-video, #content-main-feature:hover .cmf-copy a#see-gallery { background-position: 0px -26px; }
.post-video-play h2 { margin-top: 15px !important; margin-left: 15px !important; }
#content-main-feature a#replay-video:hover { background-position: 0px 0px; }
#content-main-feature .cmf-copy em { color: #ffa800; }

#content-main-feature .cmf-footer { float: left; width: 100%; clear: both; border-top: 1px solid #63675b; margin-top: 5px; }
#content-main-feature .cmf-footer a.btn { margin-top: 10px; }
#content-main-feature .map-container { width: 800px; height: 450px; }
#content-main-feature { }
#header { clear: both; width: 960px; }

h1#header-logo { background: url(../content/images/logo.png) 0px 0px no-repeat; float: left; height: 94px; margin-top: 0px; overflow: hidden; text-indent: -9000px; width: 100%; }
h1#header-logo #logo-print { display: none; }

h1#header-logo a { display: block; width: 100%; height: 100%; }
/* Header seach styles */
#header-search { background: url('../content/images/bg-header-search.png') bottom left no-repeat; width: 185px; height: 39px; float: right; }

#header-search form, #header-search fieldset { margin: 0; padding: 0; }

#header-search form { float: left; }

#header-search #searchterm { border: 0; background: url('images/bg-header-search-field.png') 0 0 no-repeat scroll; width: 140px; height: 18px; line-height: 1em; padding: 3px 17px 0px 8px !important; margin: 9px 0 0 10px; }

#header-search #searchterm.blur { color: #999999; }

#header-search #searchLabel, #header-search #searchSubmit { display: none; }

/* Header basket styles */
#header-basket { background: url('images/bg-header-basket.png') bottom left no-repeat; width: 158px; height: 39px; float: right; }

#header-account { background: url('images/bg-header-account.png') bottom left no-repeat; width: 185px; height: 39px; float: right; }
#header-account .header-tab { position: relative; }
#header-account .headerTabPoints { position: absolute; top: 14px; right: 10px; }
#header-account-name { display: block; height: 16px; overflow: hidden; position: absolute; top: 0; left: 0px; width: 168px; }
#header-account-name span { position: absolute; top: 0; left: 0; width: 500px; }
#header-account .headerTabPoints span { position: absolute; display: block; top: auto; left: -10000px; width: 1px; height: 1px; }

#header .expand-on-hover:hover { height: 59px; }

#header .header-tab { margin: 5px 0 0 9px; font-size: 13px; line-height: 14px; }

#header .header-tab .blue-swap { color: #5cbfeb; }

#header .header-tab .show-on-hover { display: none; }

#header .header-tab a { font-size: 13px; color: #5cbfeb; }

#header .header-tab a:hover { color: #FFFFFF; }

#header .header-tab .blue-arrow { background: url('images/arrow-header.gif') center left no-repeat; padding-left: 12px; margin-top: 5px; }

#header .expand-on-hover:hover .header-tab .blue-swap { color: #FFFFFF; }

#header .expand-on-hover:hover .header-tab .show-on-hover { display: block; }
#header-makehome { font-weight: bold; position: absolute; top: 39px; right: 0; width: 178px; }
#header-makehome a { background: url(../images/button-arrow-right.gif) no-repeat 0 5px; display: block; color: #fff; padding-left: 12px; }


#nav, #nav-secondary { font-weight: bold; }
#nav-secondary ul li { font-weight: normal; }

#nav { clear: both; float: left; width: 960px; }

#nav-shadow { background: url(images/nav-shadow.png) bottom left no-repeat; clear: both; float: left; font-size: 0px; /* empty div - size for ie*/ height: 12px; width: 960px; }

/* Main (top) navigation */
ul#nav-main { display: inline; float: left; list-style-type: none; width: 960px; padding: 0; margin: 0; }
#nav-main li { border-bottom: 4px solid transparent; /* see ie.css */ display: inline; /* for IE6 */ float: left; line-height: 1; margin-right: 10px; padding: 0 9px 0 9px; width: auto; }
#nav-main li:hover { border-bottom: 4px solid #101A24; }
#nav-main li.active, #nav-main li.active:hover { border-bottom: 4px solid #5cbfeb; /* see ie.css */ }

#nav-main li.last { margin-right: 0px; }

#nav-main li a { display: block; padding-bottom: 4px; }

/* Secondary (side) navigation */
ul#nav-secondary { margin: -1px 1px 0 0; width: 159px; }

ul#nav-secondary li { float: left; margin-top: 1px; }
ul#nav-secondary li, ul#nav-secondary li ul li { display: inline; /* IE double margin bug */ }
ul#nav-secondary li a, ul#nav-secondary ul li a { display: block; width: 149px; }
ul#nav-secondary li a { padding: 10px 0 0px 10px; min-height: 28px; height: auto !important; height: 28px; }
ul#nav-secondary ul li { margin-top: 0px; width: 100%; }
ul#nav-secondary ul li a { padding: 1px 0 1px 10px; min-height: 0px; height: auto; }

/* Spacing for level 2 nav */
ul#nav-secondary li.active { display: block; float: left; overflow: hidden; }

ul#nav-secondary li.active ul { display: block; float: left; background: #3a7895 url(images/corner-bottom-left-304153.png) bottom left no-repeat; padding-top: 10px; padding-bottom: 10px; width: 100%; }

ul#nav-secondary li.active ul li.active { display: inline; padding-bottom: 0; }

/* Level 1 Active - bright blue background, navy text */
#content ul#nav-secondary li.active a, #content ul#nav-secondary li.active a:hover { background-color: #5cbfeb; color: #101a24; }
/* Level 2 - Lighter blue background, white text. Navy text on hover*/
#content ul#nav-secondary li.active ul li a { background: #3a7895; color: #FFF; }
#content ul#nav-secondary li.active ul li a:hover { background: #3a7895; color: #101a24; }
/* Level 2 Active - Navy active text */
#content ul#nav-secondary li.active ul li.active a, #content ul#nav-secondary li.active ul li.active a:hover { color: #101a24; }


/* Level 1 Nav - masked top and bottom corners */
/* First nav item */
ul#nav-secondary li.first-top-left-corner a { float: left; background: #101a24 url(images/corner-top-left-3a5268.png) top left no-repeat; color: #FFF; }
/* First nav item - ACTIVE*/
ul#nav-secondary li.first-top-left-corner.active a { background: #5cbfeb url(images/corner-top-left-3a5268.png) top left no-repeat; }

ul#nav-secondary li.first-top-left-corner a:hover { background: #3a7895 url(images/corner-top-left-3a5268.png) top left no-repeat; color: #FFF; }
/* Any other nav item */
ul#nav-secondary li.top-left-corner a { background: #101a24 url(images/corner-top-left-304153.png) top left no-repeat; color: #FFF; }
ul#nav-secondary li.top-left-corner a:hover { background: #3a7895 url(images/corner-top-left-304153.png) top left no-repeat; color: #FFF; }

/* Last nav item */
ul#nav-secondary li.bottom-left-corner a { background: #101a24 url(images/corner-bottom-left-304153.png) bottom left no-repeat; color: #FFF; }
/* Last nav item - active */
ul#nav-secondary li.bottom-left-corner.active a { background: #101a24 url(images/corner-bottom-left-304153.png) bottom left no-repeat; color: #FFF; }
ul#nav-secondary li.bottom-left-corner a:hover { background: #3a7895 url(images/corner-bottom-left-304153.png) bottom left no-repeat; color: #FFF; }

ul#nav-secondary li a { background-color: #101a24; background-image: none; color: #FFF; }
ul#nav-secondary li a:hover { background-color: #3a7895; background-image: none; color: #FFF; }

/* => Static Tabs
-----------------------------------------------------------------------------*/
.statictabs ul { border-bottom: 4px solid #5cbfeb; width: 100%; overflow: hidden; }
.statictabs ul li { background: #3a7895; padding: 5px 10px 5px 10px; width: auto; float: left; margin-right: 4px 4px 0 0; font-size: 18px; }
.statictabs ul li a { color: #fff; }
.statictabs li.statictabs-selected { background: #5cbfeb; color: #101A24; }
.statictabs li.statictabs-selected a { color: #101A24; }
.statictabs li:hover { background: #ffa800; }

/* 
	=> Static Tabs Small
-----------------------------------------------------------------------------*/
.statictabsSml ul { border-bottom: 4px solid #5cbfeb; width: 100%; overflow: hidden; }
.statictabsSml ul li { width: auto; float: left; display: block; margin-right: 3px; margin-bottom: -1px; }
* + html .statictabsSml ul li { margin-bottom: -2px; }
.statictabsSml ul li a { color: #fff; font-size: 0.95em; padding: 2px 8px; background: #3a7895; display: block; margin-top: 6px; }
.statictabsSml li.statictabs-selected { background: #5cbfeb; color: #101A24; margin-bottom: -1px; }
.statictabsSml li.statictabs-selected a { color: #fff; font-size: 1.2em; padding: 4px 10px 0px; background: #5cbfeb; margin-top: 0; }
.statictabsSml ul li a:hover { background: #ffa800; }
.statictabsSml li.statictabs-selected a:hover { background: #5cbfeb; }

/* => Footer
-----------------------------------------------------------------------------*/
#footer { float: left; clear: both; width: 960px; background: url(images/footer-shadow.png) top left no-repeat; padding: 32px 0 10px 0; }
#footer ul#footer-sponsor { margin: 0px 0px 5px 0px; display: block; padding: 0 0 4px 0; text-align: center; width: 100%; }
#footer ul { width: auto; clear: both; }
#footer ul li { display: block; float: left; width: auto; padding-right: 10px; }

#footer ul li a, #footer ul li a.btn, #footer ul li a.btn:hover { font-size: 11px; color: #4f8daa !important; }
#footer ul li a:hover { color: #FFF !important; }
#footer ul li.language-select { padding-right: 0; }
#footer ul li.language-select a.btn { width: auto; }
#footer #footer-print { display: none; }
#footer ul#footer-sponsor li { display: inline; float: none; margin-right: 12px; }
#footer ul#footer-sponsor li.last { margin-right: 0; }

#footer ul#copyright, #footer ul#footLinks { float: right; }
#footer ul#footLinks { margin-top: 24px; }

#footer ul#copyright { margin-top: 10px; }

/* => Generic sitewide elements (buttons)
-----------------------------------------------------------------------------*/
input.btn { font-size: 1.3em; }

a.btn { display: block; position: relative; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
a.btn * { font-style: normal; background-image: url(images/button-corners-14222f.png); background-repeat: no-repeat; display: block; position: relative; }
a.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
a.btn span { line-height: 14px; background-position: bottom left; left: -5px; padding: 0 0 7px 10px; margin-bottom: -5px; }
a.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
a.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

/* Button hover states */
a.btn:link, a.btn:visited { background: #408daf; }
a.btn:hover { background: #196a8d; }
a.btn:active { background: #408daf; }

/* Don't send these backgrounds to IE */
a.btn[class] { background: #408daf url(images/button-blue-gradient.gif) top left repeat-x; }
a.btn[class]:hover { background: #408daf url(images/button-blue-gradient.gif) bottom left repeat-x; }

/* Buttons with a right arrow */
a.btn.arw span { padding-right: 18px; }

a.btn.arw span em { background: url(images/button-arrow-right.gif) center right no-repeat !important; position: absolute; right: -3px; top: 2px; height: 9px; width: 8px; padding: 0 6px 0 0; }

a.highlight.arw span em { background: url(images/button-yellow-arrow-right.gif) center right no-repeat !important; position: absolute; right: -3px; top: 3px; height: 9px; width: 8px; padding: 0 6px 0 0; }

/* Back buttons with a left arrow */
a.btn.arw-back span { padding-left: 24px; }
a.btn.arw-back span em { background: url(images/button-arrow-left.gif) center right no-repeat !important; position: absolute; left: -12px; top: 2px; /* see ie.css */ height: 9px; width: 8px; padding: 0 6px 0 12px; }

/* Print this page buttons */
a.btn.print span { padding-right: 25px; }
a.btn.print span em { background: url(images/button-icon-print.gif) center right no-repeat; position: absolute; right: -3px; top: 0px; height: 13px; width: 20px; padding: 0 6px 0 0; }

/* Calendar buttons */
a.btn.calendar span { padding-right: 20px; }
a.btn.calendar span em { background: url(images/button-icon-calendar.gif) center right no-repeat; position: absolute; right: -3px; top: -2px; height: 17px; width: 16px; padding: 0 6px 0 0; }

/* Disabled buttons */
a.btn.disabled { background: #999999; }

/* Yellow highlight buttons */
a.highlight * { background-image: url(images/button-yellow-corners-1c2732.png); background-repeat: no-repeat; }
/* Hover states*/
a.highlight:link, a.highlight:visited { background: #c38000; }
a.highlight:hover { background: #dd9200; color: #FFF; }
a.highlight:active { background: #c38000; }
/* Don't send these backgrounds to IE */
a.highlight[class] { background: #c38000 url(images/button-highlight-gradient.gif) top left repeat-x; }
a.highlight[class]:hover { background: #dd9200 url(images/button-highlight-gradient.gif) bottom left repeat-x; }

/* Dark blue footer button */
#footer a.btn[class] * { background-image: url(images/button-blue-corners-223344.png); background-repeat: no-repeat; }

#footer a.btn, #footer a.btn:hover { background: #1c252e; }
#footer a.btn.arw span { padding-right: 18px; }

#footer a.btn.arw span em { background: url(images/button-arrow-right-footer.gif) center right no-repeat !important; position: absolute; right: -3px; top: 2px; height: 9px; width: 8px; padding: 0 6px 0 0; }

#footer a.btn strong.arabic { background: none; position: relative; left: 0; top: -2px; float: left; font-weight: normal; padding: 0 10px 0 0; margin: 0; display: inline; font-family: Tahoma,Arial,sans-serif; }

/* Blue download buttons */
a.download span { padding-right: 20px; }
a.download span em { background: url(images/button-icon-download.gif) center right no-repeat; position: absolute; right: 0px; top: -1px; height: 17px; width: 16px; padding: 0 6px 0 0; }

/* Yellow highlight download buttons */
a.highlight.download span { padding-right: 20px; }
a.highlight.download span em { background: url(images/button-icon-download-highlight.gif) center right no-repeat; position: absolute; right: 0px; top: -1px; height: 17px; width: 16px; padding: 0 6px 0 0; }

/* Buttons on different coloured backgrounds */
.sign-in .btn[class] *, .field-indent .btn[class] * { background-image: url(images/button-corners-e8f2f6.png); background-repeat: no-repeat; }

/* Reset background on em */
.search-bar .btn[class] * { background-image: url(images/button-corners-6ac6ee.png); background-repeat: no-repeat; }
#shop.confirmation .order-details .btn[class] * { background-image: url(images/button-corners-fff.png); background-repeat: no-repeat; }

/*Button on white */
.search-bar a.btn span { padding-bottom: 5px; }

/* Button container prevents text overlap and aligns submit button to right */
h3.button-container { position: relative; overflow: hidden; width: 100%; }
h3.button-container .btn, h3.button-container a.next { position: absolute; right: 0px; top: 0px; }

/* Continue shopping */
h3.button-container a.next { font-size: 13px; font-weight: bold; }

/* Basket page */
h3.button-container span.h3-inner { float: left; display: block; width: 70%; }
/* Allows for text to the left of the button */
h3.button-container .button-wrapper { color: #FFF; float: right; width: 25%; padding-bottom: 0px; height: 25px; }
/* Use div.button-container when there is no text next to the button */
div.button-container { width: 770px; float: left; position: relative; overflow: hidden; border-bottom: 3px solid #5cbfeb; line-height: 1.4; margin-bottom: 15px; padding: 0; }
div.button-container .btn { position: relative; float: right; margin-bottom: 10px; }

/* Full width tables */
#content-full table { width: 770px; }
/* Promo tables */
.content-main-sidebar .promo table { width: 250px !important; }


.league-table table { border: 0px; clear: both; float: left; font-size: 1.3em; overflow: hidden; width: 100%; }
.league-table table td { background-color: #223344; border-right: 0; border-bottom: 1px solid #101a24; color: #FFF; vertical-align: middle; padding: 3px 0 3px 0; }
.league-table td a { color: #FFF; }

.league-table table tr.mcfc td { background-color: #ffa800; color: #101a24 !important; }

/* => Common sitewide elements
-----------------------------------------------------------------------------*/
/* Blue banner pannels */
.title-bar { background: #3a7895 url(images/bg-title-bar-gradient.jpg) bottom left repeat-x; clear: both; float: left; overflow: hidden; padding: 12px 0 10px 0; width: 100%; position: relative; }
.title-bar h3 { margin-left: 9px; color: #FFF; font-weight: bold; /*	font-size: 13px; 	line-height: 13px;*/ padding: 0; }
.title-bar p.updated { position: absolute; bottom: 11px; right: 15px; color: #FFF; }

.search-bar { float: left; width: 100%; overflow: hidden; background: #5cbfeb; padding: 7px 0 5px 0; }
.search-bar fieldset { margin-left: 15px; }
.search-bar input { height: 1.4em; }

.search-bar input, .search-bar select { width: auto; float: left; margin-right: 10px; margin-left: 10px; }
.search-bar p { display: block; font-size: 1.3em; font-weight: bold; float: left; padding-top: 1px; }


/*** LISTS ****/

/* News, Search results - Content list */
ul.content-list { border-top: 1px solid #3c4e5f; clear: both; float: left; margin-bottom: 15px; width: 100%; }
ul.content-list li { border-bottom: 1px solid #3c4e5f; float: left; overflow: hidden; width: 100%; }
ul.content-list li img { float: left; }

ul.content-list li .cl-main { float: left; min-height: 82px; width: 293px; padding-left: 56px; overflow: hidden; }
ul.content-list li .cl-main img { position: relative; left: -56px; margin: 10px -46px 0 10px; padding: 0; }

/* Shop search results */
ul.content-list li.shop a { padding-bottom: 10px; }
ul.content-list li.shop img { float: left; margin: 10px 10px 0px 10px; }

ul.content-list li.shop .cl-main img { position: relative; left: -56px; margin: 10px -46px 0 10px; padding: 0; }

/* Podcast is shorter*/
ul.content-list li.podcast .cl-main { width: 260px; }

ul.content-list li a { background: #101a24; display: block; float: left; height: 100%; width: 100%; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; }

ul.content-list li a:hover { background: #2a3949; }

ul.content-list li a span { display: block; }

ul.content-list li a span.rating { display: inline; margin: 0; position: relative; left: 10px; top: 0; }

ul.content-list li a span.rating img { position: static; float: none; margin: 0; }

ul.content-list li .cl-main .span-h5 { color: #FFF; font-size: 1em; /* 13px*/ line-height: 1.1; font-weight: bold; padding-top: 10px; }

ul.content-list li .cl-main .price { padding-top: 2px; }

ul.content-list li .cl-main span { color: #5cbfeb; font-size: 0.85em; /* 11px*/ }
ul.content-list li .cl-main .span-h5 span.pre-sale { color: #FFF; font-size: 1em; /* 13px */ text-decoration: line-through; display: inline; font-weight: normal; }
/*Recommended search results module*/
.mod-search-recommended { padding: 0 0 8px 0; /*margin:0 0 32px 0;*/ /*border-bottom: 1px solid #3c4e5f;*/ }
.mod-search-recommended h4 { color: #fff; padding: 0 0 19px 0; height: 25px; margin: 0; /*border-top: 1px solid #3c4e5f;*/ }
.mod-search-recommended ul.content-list { }
.mod-search-recommended ul.content-list li a { background: #2a3949; }
.mod-search-recommended ul.content-list li a:hover { background: #215b7a; }
.product-price span.pre-sale, span.pre-sale { text-decoration: line-through; display: inline; font-weight: normal; }

span.pre-sale { float: left; padding-right: 4px; }

ul.content-list .cl-icon { text-indent: -1000px; }
/* Content list icons */
ul.content-list .article .cl-main { }
/* Podcast download icon */
ul.content-list .podcast img.icon-download { float: right; margin-right: 15px; margin-top: 15px; }

/* Lists of links */
ul.link-list { margin-bottom: 20px; }

.content-main-links .display-filter, .content-main-links .side-link { float: left; width: 55%; padding-bottom: 2px; }
.content-main-links .display-filter label { font-size: 1.8em; color: #FFF; margin-right: 13px; float: left; }
.content-main-links .display-filter select { float: left; font-size: 1.3em; margin-top: 2px; }
.content-main-links .display-filter input.ifjs-hide { margin-top: 2px; float: left; margin-left: 5px; display: inline; }

/* Pagination */

.content-main-links .pagination { float: left; width: auto; list-style: none; }
#shop .pagination { float: right; }


ul.pagination li { width: auto; float: left; padding: 0px 5px 2px 5px; }
ul.pagination li.back-divider { border-right: 1px dotted #434d56; padding-right: 10px; margin-right: 5px; }
ul.pagination li.next-divider { border-left: 1px dotted #434d56; padding-left: 10px; margin-left: 5px; }

ol { margin-bottom: 20px; }
ol li { list-style-type: decimal; list-style-position: inside; color: #5cbfeb; font-size: 1.1em; }

/* Bulleted lists*/
ul.bullet li { color: #333; background: #fff url(images/li-bullet.gif) center left no-repeat; padding-left: 15px; margin-bottom: 2px; }

ul.bullet-icon li { padding-left: 44px; min-height: 35px; margin-bottom: 10px; }
ul.bullet-icon li a { color: #5cbfeb; }
ul.bullet-icon li a:hover { color: #FFF; }
ul.bullet-square li { color: #FFF; background: url(images/li-bullet-square.gif) 0px 9px no-repeat; padding-left: 15px; margin-bottom: 2px; }

/* Shop landing page */
ul.bullet-arrow li { background: none; }
ul.bullet-arrow li a { background: url(images/arrow-right.gif) 0px 3px no-repeat; padding-left: 14px; }
ul.bullet-arrow a:hover { background-position: 0px -38px; }

/*** PROMOS AND HOMEPAGE MODULES****/
.promo-row { float: left; width: 100%; margin-bottom: 10px; }
.promo-row.last { margin-bottom: 0px; }
.promo { width: 250px; float: left; margin-right: 10px; display: inline; /* for ie */ background: url(images/promo-bottom-corners.gif) bottom left no-repeat; padding-bottom: 5px; position: relative; }
.promo-row .promo-last { margin-right: 0px !important; }

/* Generic promo styles */
.promo img { float: left; }

/* htmlPromo */
.htmlPromo .promo-body { background: #234; }
.htmlPromo .promo-body iframe { border: none; width: 100%; display: block; }
/* Link promo images */
.promo .promo-body a { display: block; overflow: hidden; height: 141px; width: 250px; }
.rss .promo-body a, .promo .promo-body a, .promo-footer a, .promo-detail a { position: static; border: none; height: auto; }

/* --- Two types of promo footer ---*/

/* Promo footer - link out (same as homepage .module-footer)*/
.promo .promo-footer, .promo .promo-detail { border-top: 3px solid #5cbfeb; width: 100%; clear: both; background: #223344; padding: 5px 0 3px 0; overflow: hidden; }
/* Promo detail - footer area with icon */
.promo .promo-detail { min-height: 50px; height: auto !important; height: 50px; }

/* Promo footer styles */
.promo .promo-footer a { background: url(images/homepage-footer-arrow.gif) no-repeat scroll 0px 7px; color: #5cbfeb !important; display: inline-block; font-weight: bold; margin-left: 10px; padding: 2px 0 0 13px; }
.promo .promo-footer a:hover { color: #FFF !important; background-position: 0px -34px; }
.promo .promo-footer input { margin: 0 0 2px 8px; padding: 3px; float: left; width: 130px; }
.promo .promo-footer a.btn { float: right; background: url("images/button-blue-gradient.gif") repeat-x scroll left top #408DAF; color: #fff !important; display: block; font-weight: normal; margin-right: 8px; padding: 5px; position: relative; }


/* Promo footer details styles */
.promo .promo-detail a { font-weight: bold; line-height: 15px; color: #FFF; }
.promo .promo-detail a:hover { color: #5cbfeb; }
.promo .promo-detail p { font-size: 11px; color: #5cbfeb; }
.promo .promo-detail .promo-detail-copy { float: left; width: 180px; padding-left: 10px; }
.promo .promo-detail img.icon { float: right; margin-right: 10px; margin-top: -5px; position: relative; top: 10px; }

/* RSS promo */
.rss .promo-body { width: 250px; float: left; background: #223344; }
.rss .promo-body a { float: left; width: auto !important; }

.rss .promo-body img { float: left; padding: 7px 0 5px 7px; }
.rss .promo-body p { color: #FFF; float: left; padding: 12px 0 0 10px; }
.rss .promo-body p a { display: inline; }

/* 1. News promos */
/* News promo titles */
.promo .promo-header { width: 250px; overflow: hidden; background: #3a7895 url(images/promo-header.gif) bottom left repeat-x; }
.promo .promo-header h3 { float: left; width: 55%; font-size: 13px; font-weight: bold; color: #FFF; padding: 8px 0 6px 10px; }
.promo .promo-header h3.location { float: right; width: auto; padding: 0; padding: 8px 10px 6px 0px; color: #101a24; }

/* 2. Link out promos */
.promo h3.promo-title { position: absolute; top: 34px; left: 0px; width: 160px; }

div.feature-detail { width: 200px; }

/* 3. League table promo */
.league-table .promo-header h3 { width: 80%; }
.league-table .promo-footer { position: relative; }

.league-table .promo-footer img, #content-modules .content-modules-column .module .module-footer img { position: absolute; right: 5px; top: 6px; }
.promo-footer-error { color: #ffbe00 !important; display: none; bottom: 34px; left: 0; background: #48849F; position: absolute; width: 234px; padding: 8px; font-weight: bold; }
/* Table header styles */
.league-table table td, .league-table table th { font-weight: bold; color: #FFF; }
.league-table table th { background: #223344; border-bottom: 1px solid #101a24; padding: 10px 0 5px 0; }
.league-table table tr.last td { border-bottom: 1px solid #223344; }

/* Table cell alignment/padding */
.league-table table .c1 { padding-left: 10px; text-align: center; }
.league-table table .c2 { padding-left: 10px; text-align: left; }
/* Table cell alignment/padding */
.league-table table .c3, .league-table table .c4, .league-table table .c5 { text-align: center; }

/* 4. item promo*/
.shop .promo-body, .emailCapture .promo-body, .player .promo-body { position: relative; width: 250px; }
.emailCapture { padding-bottom: 0; }
.shop .promo-body-detail, .emailCapture .promo-body-detail, .offer .promo-body-detail { position: absolute; top: 20px; left: 0px; width: 110px; }
.promo .promo-body-detail h3 { position: static; }

.offer .promo-body-detail h3.h2swf { margin-bottom: -3px !important; }
.promo .promo-body-detail span { position: relative; /*	top: -9px;*/ top: -4px; font-size: 18px; letter-spacing: 1px; color: #5cbfeb; background-image: url(images/opacity70.png); background-repeat: repeat; background-position: top left; padding: 0px 5px 6px 5px; }

/* 5. Player profile */
.player .promo-body-detail { position: absolute; top: 34px; left: 0px; width: 110px; }
.player .promo-body-detail span { display: block; top: -1px; /* see ie7.css */ font-size: 18px; color: #101a24; background: #ffa800; margin: 0 0 -10px 0; padding: 0px 5px 0px 8px; }


/* 6. Offer promo - text only */
.offer .promo-body { position: relative; }
.offer .promo-body-detail { width: 250px; }

/* Exceptions to rules are .league-table, .shop, .player-profile */

/* 8. Match report & tickets promos */
.promo .team-logo { width: 250px; height: 141px; background: url(images/promo-bg-grass.jpg) top left no-repeat; }
.promo .team-logo img { margin: 10px 0 0 64px; }


/* Generic Summary Boxes */
.summary-box { width: 505px; float: left; display: inline; overflow: hidden; border-bottom: 1px solid #3C4E5F; padding-bottom: 15px; margin: 12px 15px 0px 15px; }
.summary-box-first { margin-top: 22px; }
.summary-box-last { border-bottom: none; padding-bottom: 25px; }

.summary-box h4 { color: #FFFFFF; margin: 0 0 12px 0px; width: 100%; }
.summary-box h5 { font-weight: normal; }

.summary-box img { float: left; }

.summary-box .summary-box-content { width: 305px; float: right; }
.summary-box .summary-box-content p { color: #FFF; line-height: 16px; }
.summary-box .summary-box-content a { margin-top: 5px; }
.summary-box .summary-box-content a.download { margin-top: 47px; }

/* Page headings and text styles */
.page h3.white-24 { margin-bottom: 13px !important; }


.page h4 { color: #FFF; margin-bottom: 15px; }
.page#terms h4 { margin-bottom: 5px; }

.page h4.contact { color: #5cbfeb; padding-bottom: 0; }
.page h4.contact span { font-size: 13px; }
.page h5 { color: #FFF; margin-bottom: 2px; }
.page h5.table-title, .page .player-stats h5 { color: #5cbfeb; margin-bottom: 5px; }
.page p { color: #FFF; margin-bottom: 15px; }
.page p.contact-email { margin-top: -15px; }

.page a { color: #5cbfeb; }
.page a:hover { color: #FFF; }
.page a.btn { color: #FFF; }

/* Table styles */
.page table { border: 0px; clear: both; float: left; font-size: 1.3em; overflow: hidden; width: 100%; }

.page table td { line-height: 1.2; background-color: #223344; border-right: 0; border-bottom: 1px solid #101a24; color: #FFF; vertical-align: middle; padding: 3px 0 3px 5px; }

.page table { width: 770px; margin-bottom: 15px; }
.page table td { vertical-align: top; }
.page table td p { font-size: 1em; margin-bottom: 5px; }

.page table.ticket-prices td.c1, .page table.ticket-prices td.c2, .page table.ticket-prices td.c3 { width: 33%; padding: 3px 0 3px 5px; }
.page table.ticket-prices td.c2 { font-size: 11px; color: #5cbfeb; }
.page table.ticket-prices td.c3 { text-align: right; padding-left: 0px; padding-right: 5px; }

/* Article - Main content section */
.page .article p { width: 500px; float: left; overflow: hidden; clear: both; }
.page .article p.note { font-size: 1.3em; color: #5cbfeb; }
.page .article em.note { color: #5cbfeb; font-size: 11px; position: relative; top: -0.2em; }
.page .article ul { clear: both; margin-bottom: 20px; }

/* Hybrid news and video pages */
.hybrid .content-main-list-wrapper h3 { color: #FFFFFF; font-size: 1.8em; font-weight: normal; letter-spacing: -0.5px; line-height: 21px; margin-bottom: 20px; }


/* Profiles */
.page .profile-detail { float: left; width: 240px; display: inline; margin-top: 15px; }

.page .profile-detail h4 { margin: 5px 0 5px 0 !important; }
.page .profile-detail h5 { margin-bottom: 20px; }

/* Who's who */
.page .profile-list { margin-top: 15px; margin-left: 15px; width: 515px; float: left; display: inline; }
.page .profile-list ul { float: left; width: 250px; }

.page .profile-list ul li { margin-bottom: 10px; }
.page .profile-list ul li h5 { padding-left: 5px; }

.page .profile-list ul.last { width: 240px; float: right; }
.page .profile-list ul li a { display: block; color: #5cbfeb; padding-left: 5px; }
.page .profile-list ul li a.active, .page .profile-list ul li a:hover { background: #223344; }

/* Article - News list - Show more links */
.page .content-main-links { clear: both; float: none; width: 100%; margin-bottom: 15px; padding: 4px 0 3px 0; }
/* Aside - Related content section */
.page .aside .promo p { margin-bottom: 0px; }

.article-related h4, .article-tags h4, .content-poll h4 { color: #FFF; padding: 22px 0 11px 0px; margin: 0; }

.content-poll h4 { padding: 0px 0 11px 0px; }

.article-tags h4 { border-bottom: 1px solid #3C4E5F; }

.article-related { width: 510px; margin-left: 15px; display: inline; /* for IE */ float: left; padding-bottom: 4px; }

.article-tags { width: 265px; float: right; }
.article-tags h4 { margin-right: 15px; }

/* Related tags */
.article-tags ul { margin: 15px 0 0 0px; }
.article-tags ul li { float: left; width: auto; font-size: 11px; font-weight: bold; margin: 0 5px 10px 0; background: url(images/article-tag-left.gif) center left no-repeat; padding-left: 10px; }
.article-tags ul li a { /* see ie.css */ display: block; background: #5cbfeb url(images/article-tag-right.gif) center right no-repeat; color: #101a24; padding: 3px 8px 2px 5px; }
.article-tags ul li a:hover { color: #FFF; }

/* Print / Share buttons */
#rhs-mini-tabs { position: absolute; right: -30px; top: 130px; }
#mini-tab-add-this { background: url("../images/sharing/right_tabs_bg.gif") repeat scroll 0 0 transparent; height: 78px; line-height: 25px; padding-top: 5px; width: 30px; }

/* Hygiene pages. Terms & conditions, Privacy policy. */
#hygiene h3.white-40 { margin-top: 7px; }
#hygiene .article, #hygiene .aside { margin-top: 52px; }

#hygiene .article p { margin-bottom: 10px; }

#hygiene .article h4 { margin: 0px 0 6px 0; }

#hygiene ul.divided-list li { width: 100%; float: left; border-top: 1px solid #223344; }
#hygiene ul.divided-list li h3 { margin: 13px 0 0px 0; }
#hygiene ul.divided-list li h4 { margin: 19px 0 6px 0; }

#hygiene ul.divided-list li li { border-top: none; }


/* Hygiene pages. FAQ */
.faq h3, .faq h4 { color: #5cbfeb; }

.faq h3.underline { float: left; width: 100%; clear: both; color: #FFF; margin-top: 15px; }

ul.seasoncard-faq li { float: left; width: 100%; clear: both; padding: 15px 0 15px 0; border-bottom: 1px solid #3c4e5f; }
ul.seasoncard-faq .faq-answer { clear: both; margin: 15px 0 15px 0; }
ul.seasoncard-faq .faq-answer p { color: #FFF; }

ul.seasoncard-faq li ul.bullet { padding-top: 15px; }
ul.seasoncard-faq li ul.bullet li { background: none; color: #FFF; padding: 0 0 0 5px; margin-left: 20px; list-style-type: disc; border-bottom: none; }

.faq h4 { width: auto; float: left; background: url(images/arrow-down.gif) 100% 7px no-repeat; padding: 0 20px 0 0; color: #5cbfeb; display: inline-block; }
.faq h4.close { background: url(images/arrow-up.gif) 100% 6px no-repeat; }


.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -354px; background-color: transparent; width: 700px; background: #304153; }

.jqmOverlay { background-color: #000; }

.jqmWindow iframe { border: 1px solid black; width: 800px; height: 580px; background: #223344; }

.jqmWindow .jqmHeader { padding: 30px 26px; min-height: 70px; background: #599fc0 url('images/jqmHeader-gradient.jpg') top left repeat-x; }

.jqmWindow .close { position: absolute; top: 10px; left: 666px; display: block; width: 22px; height: 22px; background: url('images/homepage-language_selection-close.png') 0px 3px no-repeat; }
.jqmWindow .close:hover { background: url('images/homepage-language_selection-close.png') 0px 3px no-repeat; }
.jqmWindow .close span { display: none; }
.jqmWindow .jqmBody { background: #304153; }
.jqmWindow .jqmBodyTgeneric { background: none; padding: 29px; }
.jqmBodyTgeneric p { color: #fff; }
.jqmWindow h2 { font-weight: bold; font-size: 40px; line-height: 36px; padding: 0; }

/* Language & Site selection */
#language_selection, #site_selection { width: 700px; height: 466px; }

#language_selection .jqmBody, #site_selection .jqmBody { background: #304153 url('images/homepage-language_selection.gif') 0 0 no-repeat; height: 350px; }

#language_selection .ls-english { float: left; display: block; width: 137px; height: 43px; background: url('images/homepage-language_selection-english.png') 0px 3px no-repeat; }

#language_selection .ls-arabic { float: right; display: block; width: 95px; height: 43px; background: url('images/homepage-language_selection-arabic.png') 0 0 no-repeat; }

#language_selection .lang-select, #site_selection .site-select { position: absolute; top: 260px; left: 188px; width: 280px; background: url('images/homepage-language_selection-slash.png') 0px 0px no-repeat; }

#language_selection .ls-english span, #language_selection .ls-arabic span { display: none; }

#site_selection .site-select { font-size: 2.0em; }

#site_selection .ss-uk { float: left; display: block; width: 50px; height: 43px; margin-left: 105px; }

#site_selection .ss-us { float: right; display: block; width: 95px; height: 43px; }

ul.menu { padding-bottom: 10px; }

ul.menu li { color: #FFF; /*	background: url(images/li-bullet-square.gif) 0px 9px no-repeat; */ padding-left: 0px; margin-bottom: 2px; font-style: italic; }

.flashpage p { color: #FFFFFF; font-size: 1.3em; line-height: 1.2; margin-bottom: 20px; }

#iosPopup { position: absolute; top: 0; right: 0; width: 100%; z-index: 100; }
#iosPopup a { display: block; }
#iosPopup img { display: block; width: 100%; }
#iosPopup-skip { display: block; position: absolute; padding: 3%; top: 0; left: 0; text-align: right; width: 94%; }
#iosPopup-skip img { display: inline; width: 15%; }

.mod-splash { min-height: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; visibility: hidden; }
.no-js .mod-splash { visibility: visible; }
* html .mod-splash { position: absolute; }
.mod-splash-bg { background: #223344; min-height: 100%; width: 100%; height: 100%; position: fixed; left: 0; top: 0; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
* html .mod-splash-bg { position: absolute; }
.mod-splash-content { width: 800px; height: 450px; margin: 0 auto; top: 83px; position: relative; background: #223344; }
.mod-splash-content h1 { line-height: 1; }
.mod-splash-content h1, .mod-splash-content h2, .mod-splash-content h3, .mod-splash-content h4, .mod-splash-content h5, .mod-splash-content h6, .mod-splash-content p { padding: 4px 16px; }
.mod-splash-content p { color: #fff; }
a.mod-splash-content-close { display: block; position: absolute; right: 0; color: #fff; top: -32px; width: 150px; padding: 5px 24px 5px; background: url(../images/dialog-close.png) no-repeat right 8px; }
a.mod-splash-content-close:hover { text-decoration: underline; }
* html .mod-splash-content-close { background-image: url(../images/dialog-close.gif); }
.mod-splash-content #rhs-mini-tabs { top: 0px; }
.mod-splash-content #mini-tab-add-this { height: 102px; background: url(../images/sharing/right_tabs_bg_4.gif) no-repeat; }
* + html .mod-splash-content #mini-tab-add-this { height: 83px; background: url(../images/sharing/right_tabs_bg.gif) no-repeat; }
* html .mod-splash-content #mini-tab-add-this { height: 83px; background: url(../images/sharing/right_tabs_bg.gif) no-repeat; }
.mod-splash-content a.sharer { margin: 0 4px 4px 4px; }
.mod-splash-content .h2swf { padding: 6px 0 0 15px !important; }
.mod-splash-content-return { position: absolute; bottom: -35px; right: 0; height: 30px; color: #fff; font-size: 1.6em !important; font-weight: bold; background: url(../images/btn-splash-bottom-repeat.gif) repeat-x !important; }
.mod-splash-content-returnAnchor { position: absolute; display: block; z-index: 1002; bottom: -35px; right: 0; height: 36px; width: 300px; color: #fff; font-size: 1.8em; font-weight: bold; text-indent: -9999px; background: url(../images/trans.gif) no-repeat; }

.cp-confirmationForm input { float: left; border: 1px solid #FFFFFF; float: left; margin-top: 1px; padding: 3px; width: 200px; margin-right: 8px; }
.cp-confirmationForm { padding: 4px 4px 4px 0; }
.cp-loading { background: url(../images/loader-small-blue.gif) no-repeat 5px 0; padding-left: 25px; }
.cp-loadingTdark { background: url(../images/loader-white.gif) no-repeat center 0; width: 100%; height: 40px; text-align: left; text-indent: -9999px; }
.cp-loadingTblue { background: url(../images/loader-blue-dark.gif) no-repeat center 0; height: 30px; margin: 0 auto; top: 30%; position: relative; }


.promoTtwitterWidget { background: none; width: 265px; position: relative; }
.promoTtwitterWidget .tr-widget { background: url(../images/bg-tweet-widget-top.gif) no-repeat top left #233444; padding: 16px 0 0 0; }
.promoTtwitterWidget .tr-stream { background: url(../images/bg-tweet-widget-bottom.gif) no-repeat bottom left #233444; padding-left: 10px; padding-bottom: 40px; }
.promoTtwitterWidget #tr-title { background: url(../images/icon-twitterLogo.gif) no-repeat; font-weight: bold; display: block; padding: 0 8px 16px 30px; border-bottom: 3px solid #fff; font-size: 1.3em; margin-bottom: 16px; }
.promoTtwitterWidget .tr-stream-wrapper { font-size: 1.2em; overflow: auto; height: 400px; padding-bottom: 50px; }
.promoTtwitterWidget .tr-stream-wrapper .tr-tweet { border-bottom: 1px solid #294151; margin: 0 8px 20px 0; padding-bottom: 8px; min-height: 48px; }
.promoTtwitterWidget .tr-stream-wrapper .tr-end { margin-left: 80px; }
.promoTtwitterWidget .tr-stream-wrapper .tr-avatar { margin-top: 4px; float: left; }
.promoTtwitterWidget .tr-stream-wrapper .tr-body { margin-left: 57px; display: block; line-height: 1.2; margin-top: -3px; }
.promoTtwitterWidget .tr-stream-wrapper .tr-body a { font-size: 1.1em; }

.promoTtwitterWidget .tr-stream-wrapper .tr-author { font-size: 1em; }
.promoTtwitterWidget .tr-stream-wrapper .tr-meta { margin: 6px 0 0 -58px; font-size: 0.8em; clear: left; padding-top: 6px; }
.promoTtwitterWidget a.tr-follow { background: url(images/homepage-footer-arrow.gif) no-repeat scroll 0px 7px; color: #5CBFEB !important; display: block; font-weight: bold; padding: 2px 0 0 13px; position: absolute; bottom: 9px; right: 10px; }
.promoTtwitterWidget a.tr-follow:hover { color: #FFF !important; background-position: 0px -34px; }
.promoTtwitterWidget .tr-streammeta { display: none; }

.promoTtwitterWidget .tr-intent { margin-left: 5px; }
.promoTtwitterWidget .tr-intent img { vertical-align: bottom; margin-right: 2px; border-width: 0; display: inline; }


.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute; padding: 0 !important; }

.jspVerticalBar { position: absolute; top: 0; right: 2px; width: 16px; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 6px; overflow: visible; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.promoTtwitterWidget .jspHorizontalBar { display: none; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack { background: #101A24; position: relative; width: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: visible; }

.jspDrag { background: #fff; position: relative; top: 0; left: -1px; cursor: pointer; width: 9px; margin: 0 -2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }


* html .jspCorner { margin: 0 -3px 0 0; }
#carousel { float: left; background: #101a24; }

#content-main-feature { position: relative; margin-bottom: 0; border-bottom: 0; width: 800px; float: left; }
#carousel-sidebar { width: 159px; float: left; position: relative; overflow: hidden; margin-left: 1px; }
#carousel-navigation { padding: 0px; margin: 0px; }
#carousel-sidebar #carousel-navigation { height: 450px; }
#carousel-sidebar #carousel-navigation li { width: 159px; background: #3a7895; height: 83px; margin-bottom: 1px; line-height: 1.1em; }
#carousel-sidebar #carousel-navigation li a { margin-left: 5px; display: block; height: 100%; overflow: hidden; background: #3a7895 url('images/carousel-nav-bg-gradient.png') 0px 0px no-repeat; }
#carousel-sidebar #carousel-navigation li.active { background-color: #5cbfeb; }
#carousel-sidebar #carousel-navigation li.active a { background-color: #5cbfeb; }
#carousel-sidebar #carousel-navigation li:hover { background-color: #5cbfeb; }
#carousel-sidebar #carousel-navigation li a div { padding: 0px; }
/* Top right corner */
#carousel-sidebar #carousel-navigation li.first a div { background: url(images/corner-top-right-3a5268.png) top right no-repeat; }
#carousel-sidebar #carousel-navigation li a div h4 { color: #fff; font-size: 18px; margin: 0 10px 2px 0; background: none; }
#carousel-sidebar #carousel-navigation li a div h4 a { color: #fff; background: none; }
#carousel-sidebar #carousel-navigation li a div p { color: #101a24; font-size: 11px; font-weight: normal; margin-right: 10px; color: #101A24; background: none; }
#carousel-sidebar #carousel-navigation li a div p a { color: #101A24; font-weight: bold; background: none; }
#carousel-pagination { position: absolute; bottom: 0px; right: 0px; width: 160px; height: 27px; }
#carousel-pagination-links { float: left; width: 100%; height: 20px; margin-top: 7px; text-align: center; background: url(images/corner-bottom-right-304153.png) bottom right no-repeat; }
#carousel-pagination-links a { display: -moz-inline-box; vertical-align: top; display: inline-block; width: 13px; height: 13px; background: transparent url('images/carousel-pagination-buttons.gif') 0px 0px no-repeat; }
#carousel-pagination-links a span { display: none; }
#carousel-pagination-links a.active, #carousel-pagination-links a:hover { background-position: 0px -13px; }
#carousel-pagination-timer { position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; }

/* CONTENT MODULES */
#content-modules { margin-top: 15px; float: left; width: 945px; padding: 15px 0 0 15px; background: #101a24; }

#content-modules .content-modules-column { width: 300px; margin-right: 15px; float: left; position: relative; }

#content-modules .last { margin-right: 0px !important; }

#content-modules .module-placeholder { border: 2px dotted #2d3a48; visibility: visible !important; width: 296px !important; margin-bottom: 11px; /* If we have a fixed height for the modules, we should set it here aswell for IE6 and 7. */ height: 257px; }

#content-modules .module-placeholder * { visibility: hidden; }

#content-modules .module-remove { display: none; }
#content-modules.module-customisation-enabled .module-remove { display: block; }
#content-modules.module-customisation-enabled .module-header { cursor: move; }

#content-modules-customisation { display: none; float: left; width: 960px; }

#content-modules-customisation-tab-border { clear: both; float: left; width: 960px; height: 4px; font-size: 0px; background: #5cbfeb url('images/content-modules-customisation-corner.gif') bottom right no-repeat; }

#content-modules-customisation-tab { float: left; width: 241px; height: 44px; background: #3a7895; background: url('images/content-modules-customisation-tab-bg.gif') 0 0 no-repeat; }

#content-modules-customisation-tab .close { display: none; }

#content-modules-customisation-tab .buttons { margin: 9px 0 0 15px; float: left; display: inline; }

#content-modules-customisation-tab .labels { margin: 8px 0 0 10px; float: left; color: #fff; font-size: 13px; font-weight: bold; line-height: 1.1em; }

#content-modules-customisation-tab .labels span { color: #000; }

#content-modules-customisation-tab a.btn * { background-image: url(images/button-corners-397997.png); /*see ie.css*/ }

#content-modules-customisation-tab a.btn span { padding: 0 0 7px 10px; }
#content-modules-customisation-tab a.btn span img { position: relative; left: 0px; }
#content-modules-customisation-tab a.btn img { background: none; }

#content-modules-carousel { width: 940px; }

#content-modules-carousel li { display: block; width: 146px; height: 100px; margin: 10px 15px 0 15px; text-align: center; }

#content-modules-carousel li a { display: block; width: 147px; height: 82px; }

#content-modules-carousel li a.active { background-position: 0px -82px !important; }

#content-modules-carousel li a.tray-fans { background: url('images/hp-tray-fans.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-flickr { background: url('images/hp-tray-flickr.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-match-report { background: url('images/hp-tray-match-report.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-news { background: url('images/hp-tray-news.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-photo { background: url('images/hp-tray-photo.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-players { background: url('images/hp-tray-players.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-podcast { background: url('images/hp-tray-podcast.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-premier-league { background: url('images/hp-tray-premier-league.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-shop { background: url('images/hp-tray-shop.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-tickets { background: url('images/hp-tray-tickets.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-transfer { background: url('images/hp-tray-transfer.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-twitter { background: url('images/hp-tray-twitter.gif') 0 0 no-repeat; }
#content-modules-carousel li a.tray-video { background: url('images/hp-tray-video.gif') 0 0 no-repeat; }

#content-modules-carousel li span { font-size: 11px; color: #101a24; }

/* Homepage Promo Boxes */
#content-modules .content-modules-column { padding-bottom: 40px; margin-bottom: -40px; }

#content-modules .content-modules-column .module { margin-bottom: 15px; width: 300px; background: #2d3a48; }
#content-modules .content-modules-column .module .module-header { position: relative; width: 300px; background: #3a7895; }
#content-modules .content-modules-column .module .module-header h3 { color: #FFF; font-size: 18px; font-weight: bold; padding: 24px 0 5px 10px; /* see ie.css */ }
#content-modules .content-modules-column .module .module-body { width: 300px; height: 169px; background: #223344; }
#content-modules .content-modules-column .module .module-footer { clear: both; border-top: 3px solid #5cbfeb; background: #223344 url(images/homepage-module-bottom-corners.gif) bottom left no-repeat; padding: 5px 0; }
#content-modules .content-modules-column .module .module-footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content-modules .content-modules-column .module .module-footer a { display: block; background: transparent url(images/homepage-footer-arrow.gif) no-repeat scroll 0px 7px; color: #5cbfeb !important; display: block; font-weight: bold; margin-left: 10px; padding: 2px 0 3px 13px; }
#content-modules .content-modules-column .module .module-footer a:hover { color: #FFF !important; background-position: 0px -34px; }


#content-modules.module-customisation-enabled a.module-remove { display: block; width: 20px; height: 20px; background: url(images/homepage-module-remove.gif) top left no-repeat; text-indent: -100000px; position: absolute; right: 5px; top: 6px; /* see ie.css */ }
#content-modules.module-customisation-enabled a.module-remove:hover { background-position: bottom left; }

.module .module-body { min-height: 169px; height: 169px; }
.module .module-body img { float: left; }

col#col-no, col#col-pld, col#col-gd, col#col-pts { width: 10%; }
col#col-name { width: 60%; }

.league-table .module-footer { position: relative; }

.htmlModule .module-body { overflow: hidden; }
.htmlModule .module-body-detail { margin: 0; padding: 0; }
.htmlModule iframe { border: none; height: 100%; width: 100%; }
.htmlModule .module-body p { color: #fff; }

.emailCapture .module-body { width: 300px; position: relative; }
.emailCapture .module-body a { display: block; width: 300px; height: 169px; }
.emailCapture .module-body-detail { position: absolute; top: 20px; left: 0px; width: 300px; }
.emailCapture .module-body-detail h3 { position: static; margin-bottom: 1px !important; }
.emailCapture .module-body-detail span { position: relative; top: -4px; font-size: 18px; letter-spacing: 1px; color: #5cbfeb; background: url(/Content/images/opacity70.png) top left repeat; margin: 0 0 -10px 0; padding: 0px 5px 5px 5px; }
.emailCapture .module-footerTcustom { background: url("/Conimages/homepage-module-bottom-corners.gif") no-repeat scroll left bottom #223344; border-top: 3px solid #5CBFEB; clear: both; padding: 4px 10px; position: relative; }
.emailCapture .module-footerTcustom .promo-footer-error { width: 284px; }
.emailCapture .module-footerTcustom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.emailCapture .module-footerTcustom .btn { float: right; }
.emailCapture .module-footerTcustom input { border: 1px solid #FFFFFF; float: left; margin-top: 1px; padding: 3px; width: 178px; }

/* Module: Shop */
.shop .module-body { width: 300px; position: relative; }
.shop .module-body a { display: block; width: 300px; height: 169px; }
.shop .module-body-detail { position: absolute; top: 20px; left: 0px; width: 300px; }
.promo .promo-body-detail h3.h2swf { margin-bottom: 6px !important; }
.shop .module-body-detail h3 { position: static; margin-bottom: 1px !important; }
.shop .module-body-detail span { position: relative; top: -4px; font-size: 18px; letter-spacing: 1px; color: #5cbfeb; background: url(images/opacity70.png) top left repeat; margin: 0 0 -10px 0; padding: 0px 5px 5px 5px; }

.content-list { padding: 0px; margin: 0px; list-style: none; }
/* Module: Team news */
.news ul.content-list { padding-top: 1px; border-top: none; background: #2a3949; margin-bottom: 0; }
.news ul.content-list li .cl-main .span-h5 { padding-top: 5px; }
.news ul.content-list li .cl-main { min-height: 55px; height: auto !important; height: 55px; overflow: hidden; padding-left: 56px; width: auto; }
.news ul.content-list li.last { border-bottom: 0px; }
.news ul.content-list li a { background: #223344; }
.news ul.content-list li a:hover { background: #101a24; }


.tickets ul.content-list { padding-top: 1px; border-top: none; margin-bottom: 0; background: #223344; }
.tickets ul.content-list li .cl-main { min-height: 83px; height: auto !important; height: 83px; overflow: hidden; padding-left: 56px; width: 80%; }
.tickets ul.content-list li .cl-main h4 { margin: 8px 0 2px 0; color: #FFF; font-size: 18px; }
.tickets ul.content-list li .cl-main span { display: block; line-height: 13px; }
.tickets ul.content-list li .cl-main a.next { width: auto !important; float: left; background: transparent url(images/arrow-right.gif) no-repeat scroll 0 4px; /* see ie.css - has no arrows */ color: #5CBFEB; display: inline-block; padding: 0 0 0 13px; margin-top: 2px; }
.tickets ul.content-list li .cl-main a.next:hover { color: #FFF; background-position: 0px -37px; }
.tickets ul.content-list li.sold-out { background: url(images/homepage-tickets-banner-sold-out.gif) top right no-repeat; }

.twitter .module-body { position: relative; }
.twitter .module-body img { position: absolute; top: 113px; right: 5px; width: 77px; height: 65px; z-index: 2; }
.twitter .module-body ul { padding: 15px 0 0 10px; margin-right: 10px; }
.twitter .module-body ul span { font-size: 1.4em; line-height: 20px; color: #FFF; }
.twitter .module-body ul span a { font-size: 1em; line-height: inherit; display: inline; }
.twitter .module-body ul a { display: block; color: #5cbfeb; font-size: 13px; }

.fans .module-body { position: relative; }
.fans .module-body img { position: absolute; bottom: 5px; right: 5px; width: 69px; height: 53px; z-index: 2; }
.fans .module-body ul { padding: 5px 0 0 5px; margin-right: 5px; }
.fans .module-body ul span { font-size: 18px; line-height: 20px; color: #FFF; }
.fans .module-body ul li a { display: block; color: #5cbfeb; font-size: 11px; padding-left: 5px; }

.flickr .module-body ul { float: left; width: 235px; background: #232f3f; padding: 7px 8px 6px 5px; margin-left: 26px; display: inline; /* for ie*/ }
.flickr .module-body li { float: left; margin-left: 3px; margin-bottom: 3px; }

#content-main-feature .cmf-inner { width: 800px; top: 22px; }
/* Non -js titles */
#content-main-feature .cmf-inner h2 { position: static; margin: 9px 0 10px 15px; }
/* H2swf titles*/
#content-main-feature .cmf-inner h2.h2swf { position: static; margin: 0 0 -9px 15px !important; }

#content-main-feature .cmf-inner h3 { margin-top: 15px; /*margin-bottom: -6px !important;*/ }
#content-main-feature .cmf-inner p { color: #FFF; font-size: 1em; line-height: 1.3em; margin-top: 0; margin-bottom: 5px; }
#content-main-feature .cmf-inner p.competition { color: #5cbfeb; margin: -5px 0 0 0; padding: 0 0 0px 0; }
#content-main-feature .cmf-inner p.date { color: #5cbfeb; margin-top: 0; padding: 0 0 10px 0; }

#content-main-feature .cmf-inner ul { float: left; overflow: hidden; width: 795px; margin-left: 5px; padding: 0px; }
#content-main-feature .cmf-inner ul li { width: 250px; float: left; margin-left: 10px; display: inline; }
#content-main-feature .cmf-inner ul li img { padding: 15px 0px 15px 55px; }
#content-main-feature .cmf-inner ul li img.logo-competition { padding: 0; position: absolute; right: 10px; bottom: 10px; }

#content-main-feature .cmf-inner ul li .match-info { position: relative; width: 235px; float: left; clear: both; background: url(images/opacity70.png) top left repeat; min-height: 190px; padding-left: 15px; }
#content-main-feature .cmf-inner ul li span.soldout { display: block; width: 75px; height: 75px; position: absolute; right: 0px; top: 0px; z-index: 10; background: url(../content/images/feature-match-info-soldout.png) top left no-repeat; }

/* League table styles */
table { border: 0px; clear: both; float: left; font-size: 1.3em; overflow: hidden; width: 100%; }
table td { background-color: #223344; border-right: 0; border-bottom: 1px solid #101a24; color: #FFF; vertical-align: middle; padding: 3px 0 3px 0; }
table td a { color: #FFF; }
table tr.mcfc td { background-color: #ffa800; color: #101a24 !important; }

#fixtures.premier-league .content-main-gutter { position: relative; }
#fixtures.premier-league h2 { padding: 17px 0 10px 0; }
#fixtures.premier-league h2.h2swf { margin: 0 0 19px 0; padding: 0; }

#fixtures.premier-league #barclays-logo { position: absolute; top: 15px; right: 0px; z-index: 1000000000000000000000000; }

table tr.location td { background-color: #101a24; font-size: 1.38em; /*18px*/ padding: 5px 0 0 0; }
table tr.location td.c5, table tr.location td.c10 { color: #5cbfeb; padding: 5px 0 0 5px; text-align: left; }
table tr.head td { background-color: #101a24; }

/* Dividers for positions 1-4, 6 and 17 */
table tr.head td, table tr.row-4 td, table tr.row-17 td { border-bottom: 1px solid #3a7895; }
table tr.row-6 td { border-bottom: 1px dashed #3a7895; }

/* Highlight bold table cells */
table td.c1, table td.c3, table td.c16 { font-weight: bold; }

/* Text alignment within cells */
table td { text-align: center; }
table td.c1 { text-align: right; }
table td.c3, table td.c17 { text-align: left; }

/* Table cell widths */
table td { width: 26px; }
table td.c3 { width: 150px; }
table td.c17 { width: 110px; }

/* Add left or right padding to space table cells */
table td.c15, table td.c16 { padding-left: 15px; width: auto; }

table td.c9, table td.c4, table td.c16 { padding-right: 15px; }

/* Up/down arrows*/
body.premier-league table td.c2 { width: 34px; line-height: 0; }
body.premier-league table td.c2 img { width: 6px; height: 6px; }

/* Team name links */
table.fixtures td.c4 a { color: #FFF; }
table.fixtures td.c4 a:hover { color: #5cbfeb; }
/* Block text - Last six games */
table td ul.block-text { width: 100%; float: left; clear: both; overflow: hidden; }
table td ul.block-text li, table td span.block-text { background: #101a24; color: #FFF; font-size: 0.69em; font-weight: bold; display: block; float: left; margin-right: 2px; text-align: center; width: 1.4em; }

/* Rounded corners at bottom of table */
table tr.last td.c1 { background: #223344 url(../content/images/corner-bottom-left-1c2732.png) bottom left no-repeat; }
table tr.last td.c17 { background: #223344 url(../content/images/corner-bottom-right-1c2732.png) bottom right no-repeat; }

table.fixtures { margin-bottom: 12px; }
table.fixtures th { background: #101a24; border-bottom: 4px solid #3a7895; color: #FFF; font-size: 18px; padding-bottom: 4px; }

/* Highlight bold table cells */
table.fixtures td.c1 { font-weight: normal; }
table.fixtures td.c3, table.fixtures td.c4, table.fixtures td.c6 { font-weight: bold; }

/* Text alignment within cells */
table.fixtures td.c3 { text-align: center; color: #5cbfeb; }
table.fixtures td.c6 { text-align: center; }
table.fixtures td.c1, table.fixtures td.c4, table.fixtures td.c5, table.fixtures td.c8 { text-align: left; }

/* Table cell widths */
table.fixtures td.c1 { width: 120px; padding-left: 10px; }
table.fixtures td.c2 { width: 35px; padding-left: 0px; padding-right: 5px; }
table.fixtures td.c3 { width: 30px; padding-left: 0; }
table.fixtures td.c4 { width: 140px; padding-left: 10px; padding-right: 10px; }
table.fixtures td.c5 { width: 160px; padding-left: 0px; }
table.fixtures td.c6 { width: 30px; padding-left: 10px; }
table.fixtures td.c7 { width: 40px; padding-left: 0px; padding-right: 16px; }
table.fixtures td.c8 { width: 125px; }

/* Block text */
table.fixtures td.c7 ul.block-text li { font-size: 1em; }
table.fixtures td.c7 ul.block-text li.city-score { color: #5cbfeb; }
table.fixtures tr.mcfc a.next { background: transparent url(../content/images/arrow-mcfc-fixtures.gif) no-repeat left center; color: #101a24; }

.season-info h3 { margin: 2px 0px 5px 10px; }
.content-main-gutter .season-info h3 { margin: 2px 0px 5px 10px; }

.season-info { background: #3a7895; clear: both; float: left; overflow: hidden; width: 100%; }

.season-info .season-date { float: left; margin-top: 10px; width: 70%; }
.season-info .season-selection { float: right; text-align: right; width: auto; padding-top: 6px; margin-right: 15px; position: relative; }
.season-info .season-selection select { width: auto; }
.season-info .season-selection input { margin-left: 12px; display: inline; margin-bottom: 5px; }
.season-info .season-selection p { color: #FFF; padding-bottom: 4px; }

ul.content-main-buttons { float: left; width: 100%; overflow: hidden; }
ul.content-main-buttons li { display: block; float: right; margin-left: 10px; width: auto; }

#featured { width: 400px; padding-right: 250px; position: relative; border: 5px solid #ccc; height: 250px; background: #fff; overflow: hidden; margin: 0; }

#featured p { padding: 0; margin: 0; }

#featured ul li { list-style: none; }

#featured ul.ui-tabs-nav { position: absolute; top: 0px; left: 400px; list-style: none; padding: 0; margin: 0; width: 250px; }

#featured ul.ui-tabs-nav li { padding: 0px 0; padding-left: 13px; font-size: 12px; color: #666; }

#featured ul.ui-tabs-nav li img { float: left; margin: 2px 5px; background: #fff; width: 80px; height: 50px; padding: 2px; border: 1px solid #eee; }

#featured ul.ui-tabs-nav li span { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; }

#featured li.ui-tabs-nav-item a { display: block; height: 63px; padding-right: 3px; color: #333; background: #fff; line-height: 20px; text-decoration: underline; }

#featured li.ui-tabs-nav-item a:hover { background: #f2f2f2; }

#featured li.ui-tabs-selected { background: url('http://www.jqueryslider.org/wp-content/plugins/jquery-slider-for-featured-content/images/selected-item.png') top left no-repeat; }

#featured ul.ui-tabs-nav li.ui-tabs-selected a { background: #ccc; }

#featured .ui-tabs-panel { width: 400px; height: 250px; background: #999; position: relative; z-index: 99998; }

#featured .ui-tabs-panel .info { position: absolute; width: 400px; top: 180px; left: 0; height: 70px; overflow: hidden; background: url('http://www.jqueryslider.org/wp-content/plugins/jquery-slider-for-featured-content/images/transparent-bg.png'); z-index: 99999; }

#featured .info h2 { font-size: 18px; font-family: Georgia, 'Times New Roman' , Times, serif; color: #fff; padding: 5px; margin: 0; overflow: hidden; }

#featured .info p { margin: 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #f0f0f0; }

#featured .info a { text-decoration: none; color: #fff; }

#featured .ui-tabs-hide { display: none; }


